var QuestionNaireItemjson={
    Insertdata :function(NairedId,NairedName,NairedItem,FileId,State,Letter,Content,NairedState) {
        QuestionNaireItemjson.inserQusetion.questionNairedId=NairedId;
        QuestionNaireItemjson.inserQusetion.questionNairedName=NairedName;
        QuestionNaireItemjson.inserQusetion.questionnaireImte=NairedItem;
        QuestionNaireItemjson.inserQusetion.questionnaireFileId=FileId;
        QuestionNaireItemjson.inserQusetion.questionnaireState=State;//题目的属性
        QuestionNaireItemjson.inserQusetion.optionsLetter+=Letter;
        QuestionNaireItemjson.inserQusetion.optionsContent=Content;
        QuestionNaireItemjson.inserQusetion.questionNairedState=NairedState;
        }
 ,inserQusetion:{
        "questionNairedId":0
        ,"questionNairedName":""
        ,"questionnaireImte":""
        ,"questionnaireFileId":0
        ,"questionnaireState":0
        ,"optionsLetter":[]
        ,"optionsContent":[]
        ,"questionnaoreOption":null
        ,"questionNairedState":0

    },
}

var vue;
var count;
$(function () {

    vue =new Vue({
        el:"#test",
        data: {
            message :[],
            title:[],
            item:[],
            index:''
        },
        methods: {
            VueQuestionItem :function (actionName,page) {
                    var _this =this;
                this.$http.get("naired"//{param:{cuurPage:page}}
                ,{emulateJSON:true}).then(function (res) {
                    _this.message=res.body;

                })
            },
            VueDeletQuestion:function (id) {
                var _this =this;
                this.$http.get("deletQuestion",{param:{QuestionNairedId:id}}
                    ,{emulateJSON:true}).then(function (res) {
                    if (res.body.mesCode==0){
                        alert("删除失败了，找一下大佬吧！！")
                    } else{
                        alert("你删除了"+res.body.mesCode+"条信息");
                        }
                    })
            },
            VueInsetrQuestion:function (data) {
                var _this =this;
                this.$http.post("insertQuest",data
                    ,{emulateJSON:true}).then(function (res) {
                    if (res.body.mesCode==0){
                        alert("新增失败了，找一下大佬吧！！")
                    } else{
                        alert("你新增了"+res.body.mesCode+"条信息");
                    }
                })
            }
        }
    });
    //删除信息
    $("#test").on("click",".delet",function () {
        var id =$(this).attr("id");
        vue.VueDeletQuestion(id);
    })
    /**
     * 新增试卷信息
     */
    $("#QuestionNairelAdd").click(function () {
        layui.use('layer', function(){
            layer.open({
                type: 2//此处以頁面举例
                ,title: "新增调查问卷题目"
                ,anim:Math.floor(Math.random()*7)
                ,area: ['500px', '400px']
                ,shade: 0
                ,scrollbar:true
                ,id: 'layerDemo'
                ,maxmin: true
                ,offset: '0px'
                ,content: ['questionNaireAdd',]
                ,btn: [ '新增','关闭'] //只是为了演示
                ,yes: function(){
                  var parent=$(this).parent;
                  var clid =$(this).children;
                  var data =$("#layui-layer-iframe1").contents().find("#app").serialize();
                    console.log(decodeURIComponent(data,true));
                    vue.VueInsetrQuestion(decodeURIComponent(data,true));
                }
                ,btn2: function(){
                    layer.close();
                }
                ,zIndex: layer.zIndex //重点1
                ,success: function(layero){
                    layer.setTop(layero); //重点2
                }
            });
        })
    })
    /**
     * 显示新增选项按钮
     */
        $("#app").on("change",".select",function () {
            var select= $("#app").find("select").val();
            if (select==1 || select==3) {
                $("#additem").show();
            }else if (select==2) {
                $("#additem").hide();$
                ("#app .chooseItem").empty();
            }
        })
    /**
     * 显示新增选项
     */
    var count=0;
    $("#additem").click(function () {
        var Letter=0;
      var a=  $("input[data-id=questionnaireImte]").val();
        if ($("#app").find("input[data-id=questionnaireImte]").val()!=null&&a!=""){
            count++;
                var Item=["A","B","C","D","E","F","G","H","I"];
            var $ul=$("#app .chooseItem");
            $ul.show();
            if (count<=9){
            for (var i=0;i<count;i++){
                    var $li =$("  <li class=\"\">\n" +
                        "                    <label class=\"\">\n" +
                        "                        <input type=\"text\" name=\"fileOptions["+i+"].optionsLetter\" style=\"width: 10px;border: none\" value="+Item[i]+">\n" +
                        "                        <input type=\"text\" name=\"+fileOptions["+i+"].optionsContent\" class=\"layui-input\">\n" +
                        "                    </label>\n" );
                }
            }else {
                alert("选项过多,请联系管理员");
            }
                $ul.append($li);
                } else{
                alert("请先新增题目");
            }
        })
    /**
     * 查询试卷信息
     */
   vue.VueQuestionItem();

   //添加题目
    $("#test").on("click" ,".selectInfo",function() {
        var name= $(this).attr("name");
        var id=$(this).attr("data-ty");
        layui.use('layer', function() {
            //示范一个公告层
            layer.open({
                type: 1
                , title: '新增题目' //不显示标题栏vc
                , closeBtn: false
                , area: '100%'
                , shade: 0.8
                , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                , btn: ['新增题目', '关闭']
                , btnAlign: 'c'
                , moveType: 1 //拖拽模式，0或者1
                , content: '\n' +
                    '    <div id="addTitle">\n' +
                    '            <div class="questionName" >\n' +
                    '            试卷题目:' + name + ' \n' +
                    '            </div>\n' +
                    '            <ul id="title">\n' +
                    '                  <li>\n' +
                    '                       <input name="title" type="text" class="layui-input" style="width: 300px;height: 30px;margin: 20px;" />\n' +
                    '                   </li>\n' +
                    '            </ul>\n' +
                    '            </div>\n' +
                    '     '
                , yes: function () {
                    var title = $("#title").find("input[name=title]").val();
                    var data ={questionnaireId:id,questionnaireImte:title};
                   requestUtilParams.xhr("",data,"post").done(function (res) {
                       if (res.mesCode>=1){
                           alert("新增了"+res.mesCode+"信息");
                       }
                   })
                }, btn2: function () {
                  //  $("#title").append($("<li><input type=\"text\" class=\"layui-input\" style=\"width: 100px;height: 30px;margin: 20px;\" /></li>"));
                }, success: function (layero) {

                }
            });
        });
   // var id= $(this).attr("id");
      //vue.index=id;
        // vue.VueQuestionItem();
        // layui.use('layer', function(){
        //     layer.open({
        //         type: 1//此处以頁面举例
        //         ,title: "显示调查问卷题目"
        //         ,area: ['500px', '400px']
        //         ,shade: 0
        //         ,id: 'LAY_layuipro'
        //         ,maxmin: true
        //         ,offset: [ //为了演示，随机坐标
        //         ]
        //         ,content: '<div id="test">\n' +
        //             '<div class="questionNaireAdd_box"  >\n' +
        //             '    <div class="questionTitle">\n' +
        //             '        <span>问卷调查标题：</span>\n' +
        //             '        <span>{{message[index].questionNairedName}}</span></div>\n' +
        //             '    <div class="questionBox" style="display: none" v-for="(tit,index1)in message[index].questionnairefiles ">\n' +
        //             '        <div class="questionSubject" value="42111">{{index1+1}}{{tit.questionnaireImte}}</div>\n' +
        //             '        <div class="questionChoose">\n' +
        //             '            <ul class="chooseItem">\n' +
        //             '                <li class="" v-for="(value, key) in tit.fileOptions">\n' +
        //             '                    <label class="">\n' +
        //             '                        <input  type="radio" name="1" value="C">\n' +
        //             '                        <span>{{value.optionsLetter}}</span>\n' +
        //             '                        <span>{{value.optionsContent}}\n' +
        //             '               \t\t\t</span>\n' +
        //             '                    </label>\n' +
        //             '                </li>\n' +
        //             '            </ul>\n' +
        //             '        </div>\n' +
        //             '    </div>\n' +
        //             '</div>\n' +
        //             '</div>'
        //         ,btn: [ '关闭'] //只是为了演示
        //         ,yes: function(){
        //             $(that).click();
        //         }
        //         ,btn2: function(){
        //             layer.closeAll();
        //         }
        //         ,zIndex: layer.zIndex //重点1
        //         ,success: function(layero){
        //             layer.setTop(layero); //重点2
        //         }
        //     });
        // })

    })

    /**
     * 显示新增题目框
     */
    $("#addOption").click(function () {
        $(this).hide();
        var $tit= $("#title");
        if ($tit.is(':hidden')){
            $tit.show();
            $(this).next().show();
            $(this).next().next().show();
        }else {
            var $options = $("<div class=\"questionSubject\" value=\"42111\">\n" +
                "         <span>题目</span> <input class=\"layui-input\" type=\"text\" name=\"questionnaireImte\">\n" +
                "            <ul class=\"chooseItem\" style=\"display: none\">\n" +
                "                <li class=\"\">\n" +
                "                   <label class=\"\">" +
                "                       <input type=\"text\" name=\"optionsLetter\" style=\"width: 10px;border: none\" value=\"A\">\n" +
                "                        <input type=\"text\" name=\"optionsContent\" class=\"layui-input\">\n" +
                "                   </label>  " +
                "               </li>\n" +
                "                <li class=\"\">\n" +
                "                    <label class=\"\">\n" +
                "                        <input type=\"text\" name=\"optionsLetter\" style=\"width: 10px;border: none\" value=\"B\">\n" +
                "                        <input type=\"text\" name=\"optionsContent\" class=\"layui-input\">\n" +
                "                    </label>\n" +
                "                </li>\n" +
                "                <li class=\"\">\n" +
                "                    <label class=\"\">\n" +
                "                        <input type=\"text\" name=\"optionsLetter\" style=\"width: 10px;border: none\" value=\"C\">\n" +
                "                              <input type=\"text\" name=\"optionsContent\" class=\"layui-input\">\n" +
                "                    </label>\n" +
                "                </li>\n" +
                "                <li class=\"\">\n" +
                "                    <label class=\"\">\n" +
                "                        <span><input type=\"text\" name=\"optionsLetter\" style=\"width: 10px;border: none\" value=\"D\"> </span>\n" +
                "                        <input type=\"text\" name=\"optionsContent\" class=\"layui-input\">\n" +
                "                    </label>\n" +
                "                </li>\n" +
                "            </ul>\n" +
                "        </div>");
            $tit.append($options);
        }
    })
    //新增题目
    //显示试卷相对应的题目
    //按键标识
            EidtItem();
            Eidtfiles();

                //关闭
                colse();

                //编辑选项
                Itemedit();
               //关闭编辑选项
               colseedit();
               //确认编辑
                 okedit();
})




/**
 * 查看详细题目
 * @constructor
 */
function Eidtfiles() {
    $("#filesTable").on("click",".Eidt",function () {
        $(this).hide();
        $("#filesTable .colse").show();
        $(this).parent().parent().siblings().hide();
        var questionNaireName =$(this).attr("name");
        $.ajax({
            url:"nairedById"
            ,data:{questionNairedid:questionNaireName}
            ,dataType:"json"
            ,success :function (res) {
                if (res != null && res != "") {
                    var $question = $("#questionTable");
                    console.log(res.length);
                    for (var i = 0; i < res.length; i++) {
                        var $questionBady = $(
                            "        <tr id=" + res[i].questionnairefiles[0].questionnaireImte + ">\n" +
                            "            <td>题目" + (i + 1) + "</td>\n" +
                            "            <td>" + res[i].questionnairefiles[0].questionnaireImte + "</td>\n" +
                            "            <td>\n" +
                            "                <button id=" + res[i].questionnairefiles[0].questionnaireFileId + " class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm questionEidt\">查看选项</button>\n" +
                            "                <button  class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm ItemAdd\">新增选项</button>\n" +
                            "                <button id=" + res[i].questionnairefiles[0].questionnaireFileId + " class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm delet\">删除</button>\n" +
                            "                <button name=" + (res[i].questionnairefiles[0].questionnaireFileId) + " style=\"display: none\"  class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm colse\">关闭</button>\n" +
                            "                \n" +
                            "            </td>\n" +
                            "            </tr>\n");
                        $question.append($questionBady);
                    }
                } else {
                    alert("该试卷还未添加题目，请先添加题目");
                }
            }
        })
     })
}


/**
 * 查看题目选项
 * @constructor
 */
function EidtItem() {
    $("#questionTable").on("click",".questionEidt",function () {
        var _this =this;
        var questionNaireName =$(this).attr("id");
        $.ajax({
            url:"options"
            ,data:{QuestionnaireFileId:questionNaireName}
            ,dataType:"json"
            ,success :function (res) {

                if (res!=null&&res!=null){
                var $question=$(_this).parent().parent();
                var list=res.length;
                for (var i =0 ;i<res.length;i++){
                    var $questionBady=$(
                        "   <tr class="+res[i].questionnaireFileId+">\n" +
                        "            <td>选项："+res[i].optionsLetter+"</td>\n" +
                        "            <td>"+res[i].optionsContent+"</td>\n" +
                        "            <td>\n" +
                        "                <button name="+res[i]+" class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm delet\">删除</button>\n" +
                        "                <button  class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm edit\">编辑</button>\n" +
                        "                <button :name="+res[i].optionsId+" style=\"display: none\" class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm colseedit\">取消编辑</button>\n" +
                        "                <button :name="+res[i].optionsId+" style=\"display: none\" class=\"layui-btn layui-btn-sm layui-btn-radius layui-btn-warm okedit\">确认编辑</button>\n" +
                        "            </td>\n" +
                        "            </tr>\n");
                    $question.after($questionBady);
                }
                $(_this).hide();
                $(_this).nextAll().show();
                }else {
                    alert("该选项没有题目");
                }
            }
        })
    })
}


/**
 * 关闭显示题目
 */
function colse() {
    $("#test").on("click",".colse",function () {
       var  name=$(this).attr("name");
        if (name==0) {
                 $(this).parent().parent().parent().parent().nextAll().empty();
                 $(this).hide();
                $(this).prevAll().show();
        }else {
            $("#questionTable").find("."+name).remove();
            $(this).hide();
            $(this).prevAll().show();
        }
    })
}


/**
 * 编辑选项
 */
function Itemedit() {
    $("#questionTable").on("click",".edit",function () {
            $(this).hide();
            $(this).prev().hide();
            $(this).nextAll().show();
    })
}
/**
 * 关闭编辑选项
 */
function colseedit() {
    $("#questionTable").on("click",".colseedit",function () {
        $(this).hide();
        $(this).prevAll().show();
        $(this).next().hide();
    })
}
/*
*上传编辑数据
 */
function okedit() {
    $("#questionTable").on("click",".okedit",function () {
        var _this =this;
        var data ={optionsId:$(this).attr("name"),optionsContent:$(this).parent().prev().text(),optionsLetter:$(this).parent().prev().prev().text()};
        requestUtilParams.xhr("updataOptions",data,"post").done(function (res) {
            if (res==null&&res==""){
                alert("修改失败");
            } else {
                alert("修改了题目："+$(_this).parent().parent().prev().attr("id")+"一个选项")
            }
        })
    })
}